body{
    overflow: hidden;
}
div{
    animation: fight 1s;
}

.world{
    width: 2000px;
    height: 500px;
    background:url("aaaa.jpg") center repeat;
    position: relative;
}
.move{
     position: relative;
    left: 500px;
    top: -439px;
    width: 176px;
    height: 257px;
 }
.head{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 68px;
    top: 40px;
}
.body{
    width: 10px;
    height: 100px;
    background-color: #01346e;
    position: absolute;
    top: 85px;
    left: 84px;
}
.armleftup{
    width: 6px;
    height: 40px;
    background-color: #000;
    position: absolute;
    left: -24px;
    top: 10px;
    transform: rotate(45deg);
    /*left: 30px;
    top: 10px;
    transform: rotate(-67deg);*/
    /*animation: fightarmleftup 1s linear;
    animation-fill-mode: forwards;*/
    /*animation: armleftuphit 0.5s linear;*/
}
@keyframes fightarmleftup {
    from{ left: -24px;  top: 10px;  transform: rotate(45deg); }
    to{left: 30px;  top: 10px;  transform: rotate(-67deg);  }
}
@keyframes armleftuphit {
    0%{left: 30px;  top: 10px;  transform: rotate(-67deg);}
    50%{ left: 35px;  top: -5px;  transform: rotate(-90deg); }
    100%{left: 30px;  top: 10px;  transform: rotate(-67deg);}
}
@keyframes armleftuphit2 {
    0%{left: 30px;  top: 10px;  transform: rotate(-67deg);}
    50%{ left: 35px;  top: -5px;  transform: rotate(-90deg); }
    100%{left: 30px;  top: 10px;  transform: rotate(-67deg);}
}
.armleftdown{
    width: 6px;
    height: 50px;
    background-color: #000;
    position: absolute;
    left: -38px;
    top: 44px;
    transform: rotate(45deg);
    transform-origin: top;
    /*left: 60px;
    top: -8px;
    transform: rotate(30deg);*/
    /*animation: fightarmleftdown 1s linear;
    animation-fill-mode: forwards;*/
}
@keyframes  fightarmleftdown{
    0%{left: -38px;  top: 44px;  transform: rotate(45deg);}
    100%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
}
@keyframes  armleftdownhit{
    0%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
    50%{left: 55px;  top: 15px;  transform: rotate(-90deg);}
    100%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
}
@keyframes  armleftdownhit2{
    0%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
    50%{left: 55px;  top: 15px;  transform: rotate(-90deg);}
    100%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
}
.armrightup{
    width: 6px;

    background-color: #000;
    position: absolute;
    height: 40px;
    right: -24px;
    top: 10px;
    transform: rotate(-45deg);
    /*right: -24px;
    top: -5px;
    transform: rotate(-90deg);*/
    /*animation: fightarmrightup 1s linear;
    animation-fill-mode: forwards;*/
}
@keyframes fightarmrightup {
    from{right: -24px;  top: 10px;  transform: rotate(-45deg);}
    to{right: -24px;  top: 0px;  transform: rotate(-90deg);}
}
@keyframes armrightuphit {
    0%{right: -24px;  top: 0px;  transform: rotate(-90deg);}
    50%{right: -30px;  top: -7px;  transform: rotate(-90deg); height: 45px;}
    100%{right: -24px;  top: 0px;  transform: rotate(-90deg);}
}
@keyframes armrightuphit2 {
    0%{right: -24px;  top: 0px;  transform: rotate(-90deg);}
    50%{right: -30px;  top: -7px;  transform: rotate(-90deg); height: 45px;}
    100%{right: -24px;  top: 0px;  transform: rotate(-90deg);}
}
.armrightdown{
    width: 6px;

    background-color: #000;
    position: absolute;
    height: 50px;
    right: -37px;
    top: 43px;
    transform: rotate(-45deg);
    transform-origin: top;
    /*right: -43px;
    top: -32px;
    transform: rotate(-175deg);*/
    /*animation: fightarmrightdown 1s linear;
    animation-fill-mode: forwards;*/
}
@keyframes  fightarmrightdown{
    from{right: -37px;  top: 43px;  transform: rotate(-45deg);}
    to{right: -43px;  top: 18px;  transform: rotate(-175deg);}
}
@keyframes  armrightdownhit{
    0%{right: -43px;  top: 18px;  transform: rotate(-175deg);}
    50%{right: -55px;  top: 16px;  transform: rotate(-90deg);  height: 52px;}
    100%{right: -43px;  top: 18px;  transform: rotate(-175deg);}
}
@keyframes  armrightdownhit2{
    0%{right: -43px;  top: 18px;  transform: rotate(-175deg);}
    50%{right: -55px;  top: 16px;  transform: rotate(-90deg);  height: 52px;}
    100%{right: -43px;  top: 18px;  transform: rotate(-175deg);}
}
.legleftup{
    width: 6px;
    height: 50px;
    background-color: #000;
    position: absolute;
    left: -10px;
    top: 103px;
    transform: rotate(20deg);
    /*animation: movelegleftup 2s linear;*/
}
@keyframes movelegleftup{
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    50%{left: 24px;  top: 97px;  transform: rotate(-43deg);}
    100%{left: -10px;  top: 103px;  transform: rotate(20deg);}
}
@keyframes movelegleftup2{
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    50%{left: 24px;  top: 97px;  transform: rotate(-43deg);}
    100%{left: -10px;  top: 103px;  transform: rotate(20deg);}
}
@keyframes legleftuphit{
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    50%{left: 35px;  top: 57px;  transform: rotate(-133deg);}
    100%{left: -10px;  top: 103px;  transform: rotate(20deg);}
}
@keyframes legleftuphit2{
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    50%{left: 35px;  top: 57px;  transform: rotate(-133deg);}
    100%{left: -10px;  top: 103px;  transform: rotate(20deg);}
}
.legleftdown{
    width: 6px;
    background-color: #000;
    position: absolute;
    height: 65px;
    left: -18px;
    top: 149px;
    transform: rotate(20deg);
    transform-origin: top;
    /*animation: movelegleftdown 2s linear;*/
}
@keyframes movelegleftdown {
    0%{left: -18px;  top: 149px;  transform: rotate(20deg);}
    50%{left: 41px;  top: 141px;  transform: rotate(-15deg); }
    100%{left: -18px;  top: 149px;  transform: rotate(20deg);}
}
@keyframes movelegleftdown2 {
    0%{left: -18px;  top: 149px;  transform: rotate(20deg);}
    50%{left: 41px;  top: 141px;  transform: rotate(-15deg); }
    100%{left: -18px;  top: 149px;  transform: rotate(20deg);}
}
@keyframes legleftdownhit {
    0%{left: -18px;  top: 149px;  transform: rotate(20deg);}
    50%{left: 54px;  top: 64px;  transform: rotate(-133deg); height:75px;}
    100%{left: -18px;  top: 149px;  transform: rotate(20deg);}
}
@keyframes legleftdownhit2 {
    0%{left: -18px;  top: 149px;  transform: rotate(20deg);}
    50%{left: 54px;  top: 64px;  transform: rotate(-133deg); height:75px;}
    100%{left: -18px;  top: 149px;  transform: rotate(20deg);}
}
.legrightup{
    width: 6px;
    height: 60px;
    background-color: #000;
    position: absolute;
    left: 16px;
    top: 103px;
    transform: rotate(-20deg);
    /*left: 25px;
    top: 99px;
    transform: rotate(-40deg);*/
    /*animation: fightlegrightup 0.5s linear;
    animation-fill-mode: forwards;*/
    /*animation: movelegrightup 2s linear;*/
}
@keyframes fightlegrightup{
    from{left: 16px;  top: 103px;  transform: rotate(-20deg);}
    to{left: 25px;  top: 99px;  transform: rotate(-40deg);}
}
@keyframes movelegrightup{
    0%{left: 25px;  top: 99px;  transform: rotate(-40deg);}
    50%{left: -9px;  top: 101px;  transform: rotate(15deg);}
    100%{left: 25px;  top: 99px;  transform: rotate(-40deg);}
}
@keyframes movelegrightup2{
    0%{left: 25px;  top: 99px;  transform: rotate(-40deg);}
    50%{left: -9px;  top: 101px;  transform: rotate(15deg);}
    100%{left: 25px;  top: 99px;  transform: rotate(-40deg);}
}
.legrightdown{
    width: 6px;
    height: 60px;
    background-color: #000;
    position: absolute;
    /*right: -43px;  top: 148px;  transform: rotate(-8deg);*/
    right: -28px;
    top: 148px;
    transform: rotate(-20deg);
    /*right: -43px;
    top: 148px;
    transform: rotate(-8deg);*/
    /*animation: fightlegrightdown 0.5s linear;
    animation-fill-mode: forwards;*/
    /*animation: movelegrightdown 2s linear;*/
}
@keyframes  fightlegrightdown{
    from{right: -28px;  top: 148px;  transform: rotate(-20deg);}
    to{right: -43px;  top: 148px;  transform: rotate(-8deg);}
}
@keyframes movelegrightdown{
    0%{right: -43px;  top: 148px;  transform: rotate(-8deg);}
    50%{right: 18px;  top: 154px;  transform: rotate(-4deg);}
    100%{right: -43px;  top: 148px;  transform: rotate(-8deg);}
}
@keyframes movelegrightdown2{
    0%{right: -43px;  top: 148px;  transform: rotate(-8deg);}
    50%{right: 18px;  top: 154px;  transform: rotate(-4deg);}
    100%{right: -43px;  top: 148px;  transform: rotate(-8deg);}
}
@keyframes headdie{
    0%{left: 68px;  top: 40px;}
    100%{left: -16px; top:140px;}
}
@keyframes armleftupdie {
    0%{left: 30px;  top: 10px;  transform: rotate(-67deg);}
    100%{left: 12px; top: 122px; transform: rotate(79deg);}
}
@keyframes armleftdowndie {
    0%{left: 48px;  top: 40px;  transform: rotate(-150deg);}
    100%{left: -7px; top:134px; transform: rotate(-62deg);}
}
@keyframes armrightupdie {
    0%{right: -24px;  top: 0px;  transform: rotate(-90deg);}
    100%{right: 49px; top: 127px; transform: rotate(-76deg);}
}
@keyframes armrightdowndie{
    0%{right: -43px;  top: 18px;  transform: rotate(-175deg);}
    100%{right: 27px; top: 118px; transform: rotate(36deg);}
}
@keyframes legleftupdie {
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    100%{left: 34px; top: 138px; transform: rotate(46deg);}
}
@keyframes legleftdowndie{
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    100%{left: 89px; top: 127px; transform: rotate(-7deg);}
}
@keyframes legrightupdie {
    0%{left: -10px;  top: 103px;  transform: rotate(20deg);}
    100%{left: 6px; top: 108px; transform: rotate(54deg);}
}
@keyframes legrightdowndie {
    0%{right: -43px;  top: 148px;  transform: rotate(-8deg);}
    100%{right: 0px; top: 100px; transform: rotate(96deg);}
}
.boss{
    width: 461px;
    height: 320px;
    background: url("img/0.png") center no-repeat;
    position: absolute;
    right: 180px;
    top: 20px;
    /*animation: kill 1s linear;
    animation-fill-mode: forwards;*/
}
@keyframes kill{
    0%{ background: url("img/0.png") center no-repeat;}
    17%{background: url("img/1.png") center no-repeat;}
    34%{background: url("img/2.png") center no-repeat;}
    51%{background: url("img/3.png") center no-repeat;}
    68%{background: url("img/4.png") center no-repeat;}
    82%{background: url("img/5.png") center no-repeat;}
    95%{background: url("img/6.png") center no-repeat;}
    100%{background: url("img/7.png") center no-repeat;}
}







